import type { StyleValue } from "vue";

export const submitButton: StyleValue = {
    width: '100px',
    height: '36px',
    borderRadius: '8px',
    background: 'linear-gradient(to right, #FF935B, #FD754C);',
    color: '#ffffff',
    fontSize: '14px',
    textAlign: 'center',
    lineHeight: '36px'
}


export const defaultButton: StyleValue = {
    width: '100px',
    height: '36px',
    borderRadius: '8px',
    background: '#ffffff',
    color: ' rgba(102, 102, 102, 1)',
    fontSize: '14px',
    textAlign: 'center',
    lineHeight: '34px',
    border: '1rpx solid rgba(153, 153, 153, 1)'
}

export const plainButton: StyleValue = {
    height: '28px',
    fontSize: '26rpx',
    textAlign: 'center',
    lineHeight: '28px',
}


export const miniButton: StyleValue = {
    height: '28px',
    fontSize: '26rpx',
    textAlign: 'center',
    lineHeight: '28px',
    whiteSpace: 'nowrap',
    width: 'auto'
}


export const backtopStyle: StyleValue = {
    backgroundColor: '#faeae5'
}

export const backtopiconStyle: StyleValue = {
    color: '#FD754C'
}

/**
 * justify
 */
export const defaultTextjustify: StyleValue = {
    flex: 1,
    textAlign: 'justify',
    textAlignLast: 'justify'
}
